<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
    String contextPath = request.getContextPath();
%>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/gray/easyuia.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/css/bass.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/colors/jquery-colorpicker.css">

    <style>
        *{font-family: '微软雅黑';}
        legend{display: none;}
        .easyui-linkbutton,#fieldAnalysis_targetSelect{display: inline-block;*display:inline;*zoom:1;}
        .panel-title{font-size: 14px; font-size:0.14rem;font-family:'Microsoft_YaHei3cf95e4e345e7';}
        .ClassyColor .slider .handle{display: block;}
        .tabs-panels{height:350px}
    </style>

    <script type="text/javascript">
        function pupopen(){
            document.getElementById("bg").style.display="block";
            document.getElementById("popbox").style.display="block" ;
        }
        function pupclose(){
            document.getElementById("bg").style.display="none";
            document.getElementById("popbox").style.display="none" ;
        }
    </script>
</head>

<body>
<form class="f14 rf14 mt10 ml10 mb10">
    <fieldset >
        <legend>地市部门年度分析数据查询</legend>

        <label class="ml5" style="color: red">报表类型:
            <select class="easyui-combobox" name="formid"  id="formid" style="width:190px;">
                <c:forEach var="formOption" items="${formes}">
                    <option value="${formOption.id}">${formOption.name}</option>
                </c:forEach>
            </select>
        </label>

        <span style="margin-left: 10px">年份:</span>
        <select id="comboboxYear" class="easyui-combobox" name="comboboxYear"></select>

        <label id="insert_html"></label>

        <label for="annualAnalysis_departmentSelect" class="p150 pr10">区县成员单位：</label>
        <input name="annualAnalysis_departmentSelect" id="annualAnalysis_departmentSelect" class="w100">

        <!--<option value="-1">全部</option>-->
        <label for="annualAnalysis_targetSelect" class="pl20"></label>
        <input name="annualAnalysis_targetSelect" id="annualAnalysis_targetSelect" class="w150">

        <a href="#" class="easyui-linkbutton" onclick="queryList();" title="模糊搜索">模糊搜索</a>
        <a href="#" class="easyui-linkbutton ml20" onclick="Save_Excel()" data-options="iconCls:'icon-excel'" title="导出excel">导出excel</a>

        <a href="#" class="easyui-linkbutton" onclick="pupopen()">颜色编辑</a>
        <div id="bg"></div>
        <div id="popbox">
            <div id="title"><span>颜色编辑</span><a href="#" class="fr" onclick="pupclose()" id="closepanel">x</a></div>
            <div id="annualAnalysis_colorSelect" style="line-height: 30px; z-index: 999"></div>
        </div>
        <a href="javascript:void(0)" id="mb" class="easyui-menubutton w120" data-options="menu:'#mm',iconCls:'icon-zhuti'">主题</a>
        <div id="mm" style="width:100px;">
            <div class="menu-sep"></div>
            <div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_dark">反差色</div>
            <div class="menu-sep"></div>
            <div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_infographic">无竖线</div>
            <div class="menu-sep"></div>
            <div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_macarons">白色</div>
            <div class="menu-sep"></div>
            <div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_vintage">泛黄色</div>
            <div class="menu-sep"></div>
            <div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_default">还原</div>
            <div class="menu-sep"></div>
        </div>
    </fieldset>
</form>

<div id="annualAnalysis_chart1" style="width:100%">
    <div id="annualAnalysis_chart" class="easyui-panel" title="数据图形" data-options="collapsible:true,onCollapse:show.photoshow,onExpand:show.chartshow,collapsed:true" style="width: 99%">
        <div id="tabDiv" name="tabDiv" fit="true" plain="true" class="easyui-tabs" style="width:98%;">
            <div title="数据图形" style="display:none;" >
                <div id="annualAnalysis_containerzhuzi"></div>
            </div>
            <div title="部门指标占比"  style="overflow:auto;display:none;" >
                <div id="annualAnalysis_containerzhuzi2"></div>
            </div>
        </div>
    </div>
    <div class="easyui-panel" title="报表列表" style="width: 99%" id="tableView">
        <table id="annualAnalysis_tt" data-options="frozen:true"></table>
    </div>
</div>


<script type="text/javascript" src="<%=contextPath%>/resources/easyUI/jquery.min.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/easyUI/jquery.easyuia.min.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/echarts/echarts.min.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/echarts/dark.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/echarts/infographic.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/echarts/macarons.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/echarts/vintage.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/colors/jquery-colorpicker.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/js/views/hostPath.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/js/sex/sexCounty.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/js/sex/sexCom.js"></script>
<script type="text/javascript" src="<%=contextPath%>/resources/js/ExportExcelDlg.js"></script>
</body>
</html>